﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>活动详情</title>
    <link href="../../assets/css/iss_pro_yuqing.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../../assets/js/common/iss_app_utility.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/iss_app_configure.js?time=20171213174312"></script>
</head>

<body>
    <div class="statusbar-overlay">
    </div>
    <div class="panel-overlay">
    </div>
    <div class="views">
        <div class="view view-main">
            <!--旅游动态-->
            <div class="pages navbar-fixed">
                <div id="activity_page_detail" data-page="activityDetail" class="page info-list activity_page_detail">
                    <!-- navbar 开始 -->
                    <div class="navbar theme-white">
                        <div class="navbar-inner">
                            <div class="left">
                                <a href="#" class="link previous_go_back" data-href="list.html" data-action="history">
                                    <i class="icon icon-back">
                                    </i><span>返回</span>
                                </a>
                                <a href="#" data-href="../home/index_new.html" data-action="home" data-panel="left" class="link home_back">
                                    <i class="iconfont icon-shouye"></i>
                                </a>
                            </div>
                            <div class="center">
                                活动详情
                            </div>
                            <div class="right">
                            </div>
                        </div>
                    </div>
                    <!-- navbar 结束 -->
                    <div class="page-content">
                        <div class="content-block">
                            <script id="template-activity-detail" type="text/template7">
                                <div class="card">
                                    <div class="card-content">
                                        <!-- Slider -->
                                        <div class="swiper-container" data-speed="400" data-space-between="40" data-pagination=".swiper-pagination">
                                            <div class="swiper-wrapper">
                                            </div>
                                            <div class="swiper-pagination"></div>
                                        </div>
                                        <div class="card-content-inner card-content-inne-custom">
                                            <div class="item-inner item-content-des">
                                                <div class="item-title-row">
                                                    <div class="item-title">{{Head}}</div>
                                                </div>
                                                <div class="item-content-text">
                                                    发布时间:{{CreateDate}}
                                                </div>
                                                <div class="item-content-text">
                                                    <div class="mui-icon iconline-view f-l"> {{ClickCount}}</div>
                                                    <div class="mui-icon f-r">
                                                        {{#js_compare "this.ActivityState === '1'"}}
                                                        <div class="activity-status activity-status-on">进行中</div>
                                                        {{else}} {{#js_compare "this.ActivityState === '2'"}}
                                                        <div class="activity-status activity-status-end">已结束</div>
                                                        {{else}} {{#js_compare "this.ActivityState === '3'"}}
                                                        <div class="activity-status activity-status-sign">报名中</div>
                                                        {{else}} {{#js_compare "this.ActivityState === '4'"}}
                                                        <div class="activity-status activity-status-notStart">未开始</div>
                                                        {{else}}
                                                        <div class="activity-status activity-status-on">未结束</div>
                                                        <!--this.ActivityState === '5' 未结束-->
                                                        {{/js_compare}}
                                                        <!--end   this.ActivityState === '4' 未开始-->
                                                        {{/js_compare}}
                                                        <!--end   this.ActivityState === '3' 报名中-->
                                                        {{/js_compare}}
                                                        <!--end   this.ActivityState === '2' 已结束-->
                                                        {{/js_compare}}
                                                        <!--end   this.ActivityState === '1 进行中'-->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                </div>
                                <div class="card">
                                    <div class="card-header">时间地点</div>
                                    <div class="card-content">
                                        <div class="card-content-inner">
                                            <div class="item-content-text2"> 活动时间:{{BeginDate}}至{{EndDate}}</div>
                                            {{#js_compare "this.isNeedRegist === 1"}}
                                            <div class="item-content-text2"> 报名时间:{{RegistBeginDate}}至{{RegistEndDate}}</div>
                                            {{/js_compare}}
                                            <div class="item-content-text2"> 活动地点:{{Address}}</div>
                                            <div class="item-content-text2"> 活动规则:{{RegistRole}}</div>
                                            <div class="item-content-text2"> 主办方:{{Organizer}}</div>
                                        </div>
                                    </div>
                                    <div class="card-footer card-footer-custom">

                                        <div class="mui-icon f-l">
                                            <img style="vertical-align:middle;height: 17px;" src="../../assets/images/images-yuqing/activity/SignCount@2x.png" />
                                            <span style="font-size: 1.3em; display: inline-block; height: 100%; vertical-align: middle;">
                                                {{#js_compare "this.isNeedRegist === 1"}}
                                                 {{SignCount}}
                                                  {{else}}
                                                不需要
                                                 </span> {{/js_compare}}
                                        </div>
                                        <div class="mui-icon f-r">
                                            <img style="vertical-align:middle;height: 17px;" src="../../assets/images/images-yuqing/activity/TopNum@2x.png" />
                                            <span style="font-size: 1.3em; display: inline-block; height: 100%; vertical-align: middle;">
                                                {{#js_compare "this.isLimitNum === 1"}}
                                                {{TopNum}}
                                                {{else}}
                                                不限
                                                {{/js_compare}}
                                            </span>
                                        </div>
                                    </div>
                                    <div class="card-header">活动介绍</div>
                                    <div class="card-content">
                                        <div class="card-content-inner content">
                                            {{content}}
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        <p class="sign-up">
                                            {{#js_compare "this.isNeedRegist === 1"}}
                                            <a id="btn_signUp" href="#" class="button button-big button-fill color-red ">我要报名</a>                                            {{/js_compare}}
                                        </p>
                                    </div>
                                </div>
                            </script>
                        </div>
                        <!-- end page-content -->
                    </div>
                    <!-- end page -->
                </div>
                <!-- end pages -->
            </div>
            <!-- end pages-->
        </div>
        <!-- end view-main-->
    </div>
    <!-- 外部链接 -->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!-- Framework7 Library JS-->
    <script type="text/javascript" src="../../assets/js/base/framework7.min.js?time=20171213174312"></script>
    <!-- Api -->
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>
    <!-- App js-->
    <script type="text/javascript" src="../../assets/js/common/iss_app.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_common_user.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_convertor.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_login.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_activity.js?time=20171213174312"></script>
</body>

</html>